<template>
	<view class="search-card">
		<view class="fboxRow Ycenter inner" @click="$pageTo('/Product?productId='+innerData.productId)">
			<image class="pic" :src="innerData.image" mode="aspectFill"></image>
			<view class="fboxCol ml24 flex1">
				<view class="name font-ell1 font30 lh44">{{innerData.productName}}</view>
				<view class="info font-ell1 font26 color-E8CDA7 lh38" v-if="innerData.productPrice">￥{{innerData.productPrice}}</view>
				<view class="info font-ell1 font26 color-6B707C lh38" v-else>{{innerData.productDetail.replace(/<[^>]+>/g,"")}}</view>
			</view>
		</view>
		<view class="line"></view>
	</view>
</template>

<script>
	export default {
		props: {
			innerData: {
				type: Object,
				defaul: () => {
					return {}
				}
			},
		},
		data() {
			return {}
		},

		methods: {}
	}
</script>

<style lang="scss" scoped>
	.inner{padding: 32rpx 0;}
	.pic{width: 88rpx;height: 88rpx;border-radius: 12rpx;}
	.line{height: 1rpx;background: #1F232F;}
</style>